<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>CSS背景与边框示例</title>
    <style>
        div {
            /* 设置div元素的背景颜色为浅灰色，颜色值使用十六进制表示方式，#f0f0f0 代表一种浅灰色 */
            background-color: #0000FF;
            /* 设置宽度为300像素 */
            width: 300px;
            /* 设置高度为200像素 */
            height: 200px;
            /* 设置边框样式，1px表示边框宽度为1像素，solid表示实线边框，black表示边框颜色为黑色 */
            border: 10px solid red;
            /* 设置内边距，这里是上下左右内边距都为10像素，内边距可以让元素内部的内容与边框之间保持一定距离 */
            padding: 50px;
        }
    </style>
</head>

<body>
    <div>
        这是一个带有背景颜色和边框的 div 元素，并且设置了内边距。
    </div>
</body>

</html>